@use '../mixins/config' as *;

// position
// generate .yq-{static|relative|absolute|fixed|sticky}
$positions: static, relative, absolute, fixed, sticky;
@each $position in $positions {
    .#{$namespace}-#{$position} {
        position: $position;
        &-i {
            position: $position !important;
        }
    }
}

// position offset
// generate .yq-{top|right|bottom|left}-${offset}, .yq-{top|right|bottom|left}-${offset}-i, .yq-{top|right|bottom|left}-p${offset}, .yq-{top|right|bottom|left}-p${offset}-i, offset range: 0px - 100px or 0% - 100%
@for $i from 0 through 20 {
    $directions: top, right, bottom, left;
    @each $direction in $directions {
        .#{$namespace}-#{$direction}-#{$i} {
            #{$direction}: $i * 1rpx;
            &-i {
                #{$direction}: $i * 1rpx !important;
            }
        }
        .#{$namespace}-#{$direction}-p#{$i} {
            #{$direction}: $i * 1%;
            &-i {
                #{$direction}: $i * 1% !important;
            }
        }
    }
}
